<template>
  <div class="settings-page">
    <div class="settings-container">
      <h1>系统设置</h1>
      <p>设置页面开发中...</p>
    </div>
  </div>
</template>

<script setup lang="ts">
onMounted(() => {
  document.title = '系统设置 - 智能体问答系统'
})
</script>

<style lang="scss" scoped>
.settings-page {
  height: 100%;
  padding: var(--spacing-md);
}

.settings-container {
  max-width: 800px;
  margin: 0 auto;
}
</style>